import React from "react";
import LoginTextField from "./LoginTextField";
import '../styles/LoginForm.css'
import { Button } from "@mui/material";
import FileUploader from "./FileUploader";
import '../styles/LoginTextField.css'
import { useState } from "react";



function TechForm({loadResult, message}){
    const [isValid, setIsValid] = useState(true);
    const [data, setData] = useState({})


    const messageValidator = (input) => {
        return input.length !== 0
    }


    return(
        <div style={{display: "flex", flexDirection:'column', justifyContent: 'center', alignItems: 'center', height: '50%', paddingRight: 110}}>
            <div style={{display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', height: '50%', width: '500px'}}>
                <FileUploader loadResult={loadResult} message={message}>
                </FileUploader>
            </div>
            
    </div>
    )
}
export default TechForm;